/*
 * @Author       : 邱狮杰
 * @Date         : 2021-09-01 16:05:40
 * @LastEditTime : 2021-09-08 10:16:00
 * @FilePath     : /newhope/src/components/interperDream/hooks/useClound.ts
 * @Description  :
 */

import { ref } from 'vue'
import a from '/@/assets/images/mike/23.png'
import b from '/@/assets/images/mike/24.png'
import c from '/@/assets/images/mike/25.png'
import e from '/@/assets/images/mike/26.png'
import f from '/@/assets/images/mike/27.png'

export function useClound() {
	return ref<{ img: string, style: string, clicked: boolean, green?: boolean }[]>([
		{
			clicked: false,
			img: a,
			style: `
		position: absolute;
		bottom: 5.7%;
		width: 11%;
		left: 51.4%;
		height: 4%;
		`
		},
		{
			clicked: false,
			img: b,
			style: `
			position: absolute;
			bottom: 21.1%;
			width: 10%;
			left: 39.4%;
			height: 6%;
		`
		},
		{
			clicked: false,
			img: c,
			style: `
			position: absolute;
    bottom: 11.1%;
    width: 14%;
    left: 76.4%;
    height: 12%;
		`
		},
		{
			clicked: false,
			img: e,
			style: `
			position: absolute;
    bottom: 51%;
    width: 11%;
    left: 84.4%;
    height: 5.4%;
		`,
			green: true
		},
		{
			clicked: false,
			img: f,
			style: `
			position: absolute;
			bottom: 8%;
			width: 9%;
			left: 22.4%;
			height: 9.4%;
		`
		}
	])
}
